<style >
.table_rouge td{
width:32px;height:18px;
}
.table_vertbleu1 td,.table_vertbleu2 td,.table_vertbleu3 td,.table_vertbleu4 td{
width:32px;height:18px;
}
table{
float:left;margin-left:50px;

}

</style>




<div  >
<table class=table_rouge >
<tr><td style="background:#222222"></td></tr>
<tr><td style="background:#662222" ></td></tr>
<tr><td  style="background:#aa2222"></td></tr>
<tr><td  style="background:#ee2222"></td></tr>

</table>

<table class=table_vertbleu1 >
<tr><td style="background:#222222"></td><td style="background:#222266"></td><td style="background:#2222aa"></td><td style="background:#2222ee"></td></tr>
<tr><td style="background:#226622"></td><td style="background:#226666"></td><td style="background:#2266aa"></td><td style="background:#2266ee"></td></tr>
<tr><td style="background:#22aa22"></td><td style="background:#22aa66"></td><td style="background:#22aaaa"></td><td style="background:#22aaee"></td></tr>
<tr><td style="background:#22ee22"></td><td style="background:#22ee66"></td><td style="background:#22eeaa"></td><td style="background:#22eeee"></td></tr>
</table>

<table class=table_vertbleu2 >
<tr><td style="background:#662222"></td><td style="background:#662266"></td><td style="background:#6622aa"></td><td style="background:#6622ee"></td></tr>
<tr><td style="background:#666622"></td><td style="background:#666666"></td><td style="background:#6666aa"></td><td style="background:#6666ee"></td></tr>
<tr><td style="background:#66aa22"></td><td style="background:#66aa66"></td><td style="background:#66aaaa"></td><td style="background:#66aaee"></td></tr>
<tr><td style="background:#66ee22"></td><td style="background:#66ee66"></td><td style="background:#66eeaa"></td><td style="background:#66eeee"></td></tr>
</table>

<table class=table_vertbleu3 >
<tr><td style="background:#aa2222"></td><td style="background:#aa2266"></td><td style="background:#aa22aa"></td><td style="background:#aa22ee"></td></tr>
<tr><td style="background:#aa6622"></td><td style="background:#aa6666"></td><td style="background:#aa66aa"></td><td style="background:#aa66ee"></td></tr>
<tr><td style="background:#aaaa22"></td><td style="background:#aaaa66"></td><td style="background:#aaaaaa"></td><td style="background:#aaaaee"></td></tr>
<tr><td style="background:#aaee22"></td><td style="background:#aaee66"></td><td style="background:#aaeeaa"></td><td style="background:#aaeeee"></td></tr>
</table>

<table class=table_vertbleu4 >
<tr><td style="background:#ee2222"></td><td style="background:#ee2266"></td><td style="background:#ee22aa"></td><td style="background:#ee22ee"></td></tr>
<tr><td style="background:#ee6622"></td><td style="background:#ee6666"></td><td style="background:#ee66aa"></td><td style="background:#ee66ee"></td></tr>
<tr><td style="background:#eeaa22"></td><td style="background:#eeaa66"></td><td style="background:#eeaaaa"></td><td style="background:#eeaaee"></td></tr>
<tr><td style="background:#eeee22"></td><td style="background:#eeee66"></td><td style="background:#eeeeaa"></td><td style="background:#eeeeee"></td></tr>
</table>



</div>
